JavaScript
part 13/19 · 71.4 KB total
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
Depuis le support de let par les navigateurs modernes, var ne doit plus être utilisé et son utilisation est considéré comme une mauvaise pratiquecite-ref-29[29].
// 1. Déclaration dans un bloc
if (true) { // début du bloc
var maVariable1; // déclaration de la variable
let maVariable2; // déclaration de la variable
const maVariable3; // déclaration de la variable
} // fin du bloc mais pas de la portée de maVariable1
alert(maVariable1); // ne soulève pas d'erreur
alert(maVariable2); // erreur : la variable est hors de sa portée
alert(maVariable3); // erreur : la variable est hors de sa portée
// 2. Déclaration dans une fonction
function maFunction() { // début de la fonction
var maVariable4; // déclaration de la variable
let maVariable5; // déclaration de la variable
const maVariable6; // déclaration de la variable
} // fin de la fonction et de la portée des variables
alert(maVariable4); // erreur : la variable est hors de sa portée
alert(maVariable5); // erreur : la variable est hors de sa portée
alert(maVariable6); // erreur : la variable est hors de sa portée
Une variable peut être affectée ou masquée par une fonction enfant de la fonction (ou de l'espace global) où elle est déclarée :
var maVariable1 = 0; // définition de la variable parente
// 1. Affectation
function maFonction1() { // fonction enfant
maVariable1 = 1; // affectation de la variable parente
}
alert(maVariable1); // affiche 0
maFonction1(); // affecte la variable parente
alert(maVariable1); // affiche 1
// 2. Masquage
var maVariable2 = 0; // définition de la variable parente
function maFonction2() { // fonction enfant
var maVariable2; // déclaration de la variable enfant masquant la variable parente
maVariable2 = 1; // affectation de la variable enfant
}
alert(maVariable2); // affiche 0
maFonction2();
alert(maVariable2); // affiche 0
Déclaration des variables
En JavaScript, quel que soit le lieu de la déclaration d'une variable dans sa portée lexicale, la variable est créée au début de l'évaluation de sa portée lexicale.
Les variables déclarées avec le mot-clé var sont en plus pré-initialisées à la valeur undefined lors de leur création, et donc accessibles dès le début de leur portée lexicale. On parle de remontée de la variable (variable hoisting en anglais) car cela se passe comme si la déclaration de la variable était remontée au début de sa portée lexicale :
alert(maVariable); // affiche undefined
var maVariable = 0;
alert(maVariable); // affiche 0
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────